layui.use('table', function () {
    var table = layui.table;
    let form = layui.form;
    table.render({
        elem: '#test'
        , url: '/back/user/findAll'
        , cols: [[
            //field对应的是后台model里面的属性，title对应的是表格的标题

            {field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true}
            , {field: 'username', title: '用户名', width: 120, edit: 'text'}
            , {
                field: 'email', title: '邮箱', width: 150, edit: 'text', templet: function (res) {
                    return '<em style="color: red">' + res.email + '</em>'
                }
            }
            , {field: 'sex', title: '性别', width: 80, templet: '#sex'}
            , {field: 'hobby', title: '爱好', width: 100}
            , {
                field: 'birthday', title: '生日', width: 120
            }
            , {field: 'enable', title: '状态', width: 100, templet: "#enable"}
            , {field: 'address', title: '地址', width: 120}
            //右边的操作栏
            , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
        ]]
        , page: true
    });

    //监听性别操作
    form.on('switch(sex)', function (obj) {
        //监听鼠标点击事件，鼠标点击以后，我们应该修改当前这条数据
        // $.ajax({
        //     url: '',
        //     data: '',
        //     type: '',
        //     dataType: '',
        //     success: function (res) {
        //
        //     }
        // })
        //
        let res = myAjax("/back/user/sex", {id: this.value}, 'post');
        console.log(res)
        if (res.count > 0) {
            layer.msg("修改性别成功");
        } else {
            layer.msg("修改性别失败");
        }

    });

    //监听锁定操作
    form.on('checkbox(enable)', function (obj) {
        // layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
        let res = myAjax("/back/user/enable", {id: this.value}, 'post');
        if (res.count > 0) {
            layer.msg("修改状态成功");
        } else {
            layer.msg("修改状态失败");
        }
    });
    //监听行工具事件
    table.on('tool(test)', function (obj) {
        var data = obj.data;
        //console.log(obj)
        if (obj.event === 'del') {
            //删除数据这种比较敏感的操作，一定要记得提醒用户
            layer.confirm('真的删除行么', function (index) {
                let res=myAjax("/back/user/del",{id:data.id},"post");
                if(res.count>0){
                    obj.del();
                    layer.close(index);
                }
            });
        } else if (obj.event === 'edit') {
            //点击编辑的时候，应该得到当前的id，并把当前的id保存到一个容器里面
            //为的是在另一个页面可以取到值
            //在跳转到新页面
            // console.log(data);
            sessionStorage.setItem("userId",data.id)
            xadmin.open('编辑用户','/back/user/member-update.html',600,400)

        }
    });
});
